/*
Blogger Template Style
Name     : DTE :]
Designer : Taufik Nurrohman
*/

@font-face {
  font-family:'Droid Serif';
  font-style:normal;
  font-weight:normal;
  src:local('Droid Serif'), local('DroidSerif'), url('http://themes.googleusercontent.com/static/fonts/droidserif/v3/0AKsP294HTD-nvJgucYTaIbN6UDyHWBl620a-IRfuBk.woff') format('woff');
}
@font-face {
  font-family:'Ubuntu';
  font-style:normal;
  font-weight:normal;
  src:local('Ubuntu'), url('http://themes.googleusercontent.com/static/fonts/ubuntu/v4/_xyN3apAT_yRRDeqB3sPRg.woff') format('woff');
}

html {overflow-y:scroll}
article,aside,figure,figcaption,footer,header,hgroup,menu,nav,section {display:block}
*:focus {outline:none}
#navbar-iframe,.item-control {display:none!important}

@-webkit-keyframes myfirst{from{opacity:0}to{opacity:1}}
@-moz-keyframes myfirst{from{opacity:0}to{opacity:1}}
@-ms-keyframes myfirst{from{opacity:0}to{opacity:1}}
@-o-keyframes myfirst{from{opacity:0}to{opacity:1}}
@keyframes myfirst{from{opacity:0}to{opacity:1}}

::selection {
  background-color:#0f666b !important;
  color:#333 !important;
  text-shadow:none !important;
}

::-moz-selection {
  background-color:#0f666b !important;
  color:#333 !important;
  text-shadow:none !important;
}

body {
  background-color:#bbb;
  text-align:center;
  font:normal small/1.5em Ubuntu,'Trebuchet MS',Verdana,Arial,Sans-Serif;
  color:#333;
  margin:0;
  padding:0;
}

/* hibernate mode!
#frameouter {padding:30px}
#frameouter:after {
content:"HIBERNASI";
display:block;
width:auto;
height:auto;
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
background-image:linear-gradient(top,rgba(0,0,0,0.7),rgba(0,0,0,0));
font:bold 18px Arial,Sans-Serif;
color:#ccc;
padding:30px 5%;
z-index:999;
text-align:right;
} */

#out-shadow {
  position:relative;
  width:1250px;
  background-color:#ccc;
  -webkit-box-shadow:0 0 2px rgba(0,0,0,.4),0 0 9px rgba(0,0,0,.4);
  -moz-box-shadow:0 0 2px rgba(0,0,0,.4),0 0 9px rgba(0,0,0,.4);
  box-shadow:0 0 2px rgba(0,0,0,.4),0 0 9px rgba(0,0,0,.4);
  -webkit-border-radius:0 0 7px 7px;
  -moz-border-radius:0 0 7px 7px;
  border-radius:0 0 7px 7px;
  margin:23px auto 20px;
}

#out-shadow:after {
  content:"";
  display:table;
  zoom:1;
  clear:both;
}

a:link,
a:visited {
  color:#225588;
  text-decoration:none;
}

a:hover,
a:visited:hover {
  color:#5687b8;
  text-decoration:underline;
}

.post-body a:focus {
  border-bottom:2px solid #FEC005;
}

img {
  max-width:100%;
  height:auto;
}

a img {
  border-width:0;
}

#header-wrapper {
  background:#333;
  color:white;
  border-bottom:10px solid #ccc;
  text-align:left;
  -webkit-transition:all .5s ease-out;
  -moz-transition:all .5s ease-out;
  -ms-transition:all .5s ease-out;
  -o-transition:all .5s ease-out;
  transition:all .5s ease-out;
  padding:8px 0 18px;
}

#header {
  margin:0 15px;
}

#header-logo {
  position:relative;
  width:84px;
  height:35px;
  display:block;
  margin:10px 30px 5px;
}

#header-logo span,
#header-logo span:before,
#header-logo span:after {
  content:"";
  position:absolute;
  display:block;
}

#header-logo .char-d {
  width:7px;
  border:7px solid white;
  top:0;
  bottom:0;
  left:0;
}

#header-logo .char-d:before {
  border:2px solid transparent;
  top:-7px;
  right:-7px;
  border-color:#333 #333 transparent transparent;
}

#header-logo .char-t {
  width:0;
  top:0;
  bottom:0;
  left:27px;
  border-left:7px solid white;
}

#header-logo .char-t:before {
  width:18px;
  height:0;
  border-top:7px solid white;
  top:0;
  left:-12px;
}

#header-logo .char-e {
  width:7px;
  top:0;
  bottom:0;
  left:41px;
  border:7px solid white;
  border-right:none;
}

#header-logo .char-e:before {
  top:7px;
  left:0;
  width:7px;
  border-top:7px solid white;
}

#header-logo .char-symb {
  width:5px;
  top:0;
  bottom:0;
  right:0;
  border:7px solid white;
  border-left:none;
  -webkit-transition:all 2s ease-in-out;
  -moz-transition:all 2s ease-in-out;
  -ms-transition:all 2s ease-in-out;
  -o-transition:all 2s ease-in-out;
  transition:all 2s ease-in-out;
}

#header-logo .char-symb:before {
  border:7px solid #5498C9;
  border-width:7px 0;
  width:7px;
  top:0;
  bottom:0;
  left:-10px;
}

#header-logo .char-symb:after {
  width:8px;
  border:8px solid #333;
  border-width:0 0;
  top:-10px;
  right:-8px;
  bottom:-10px;
}

#header-logo:hover .char-symb {
  -webkit-transform:rotate(450deg) translateX(7px);
  -moz-transform:rotate(450deg) translateX(7px);
  -ms-transform:rotate(450deg) translateX(7px);
  -o-transform:rotate(450deg) translateX(7px);
  transform:rotate(450deg) translateX(7px);
  width:14px;
  margin-right:-7px;
  border-color:#ED1C24;
  -webkit-animation:updown .2s infinite alternate .5s;
  -moz-animation:updown .2s infinite alternate .5s;
  -ms-animation:updown .2s infinite alternate .5s;
  -o-animation:updown .2s infinite alternate .5s;
  animation:updown .2s infinite alternate .5s;
}

#header-logo:hover .char-symb:after {
  border-width:10px 0;
}

#header-logo:hover .char-symb:before {
  border-color:#ED1C24;
  left:-12px;
}

@-webkit-keyframes updown {0%{top:0}100%{top:-5px}}
@-moz-keyframes updown {0%{top:0}100%{top:-5px}}
@-ms-keyframes updown {0%{top:0}100%{top:-5px}}
@-o-keyframes updown {0%{top:0}100%{top:-5px}}
@keyframes updown {0%{top:0}100%{top:-5px}}

#header h1 {
  font:normal 215% Georgia,Times,Serif;
  text-shadow:1px 1px 0 black;
  margin:0;
  padding:10px 30px 5px;
  position:absolute;
  top:-9999px;
  left:-9999px;
}

#header a,
#header a:visited {
  text-decoration:none;
  color:white;
}

#header .description {
  line-height:1.5em;
  font:normal 100% Droid Serif,Serif;
  color:#999;
  margin:0;
  padding:5px 30px 0;
}

#cse-search-box {
  position:absolute;
  top:15px;
  right:17px;
  z-index:10;
  vertical-align:top;
  text-align:right;
  width:165px;
  -webkit-transition:all .5s ease-out;
  -moz-transition:all .5s ease-out;
  -ms-transition:all .5s ease-out;
  -o-transition:all .5s ease-out;
  transition:all .5s ease-out;
}

input.searchfield,
input.black {
  background:#444 !important;
  font:normal small 'Ubuntu','Trebuchet MS',Arial,Sans-Serif;
  color:#f10c0c;
  width:145px;
  outline:none;
  text-align:left;
  -webkit-box-shadow:inset 0 0 2px #333;
  -moz-box-shadow:inset 0 0 2px #333;
  box-shadow:inset 0 0 2px #333;
  border-color:#222 #444 #444 #222;
  border-style:solid;
  border-width:1px;
  padding:1px 2px;
}

input.searchfield:focus {
  width:160px;
  color:white;
  background-color:#F3A01E !important;
  -webkit-box-shadow:0 0 2px white,0 0 30px white;
  -moz-box-shadow:0 0 2px white,0 0 30px white;
  box-shadow:0 0 2px white,0 0 30px white;
  border-color:white !important;
}

.clear {
  clear:both;
}

#main-wrapper {
  margin-left:1%;
  width:67%;
  float:left;
  text-align:left;
  display:inline;
  word-wrap:break-word;
  overflow:hidden;
  background-color:white;
  background-image:-webkit-linear-gradient(top,#dedede,white 100px);
  background-image:-moz-linear-gradient(top,#dedede,white 100px);
  background-image:-ms-linear-gradient(top,#dedede,white 100px);
  background-image:-o-linear-gradient(top,#dedede,white 100px);
  background-image:linear-gradient(top,#dedede,white 100px);
  border:2px solid #888;
  font-size:97%;
  line-height:1.5em;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  padding:10px 0;
}

#sidebar-wrapper {
  margin-right:1%;
  width:28.8%;
  float:right;
  text-align:left;
  background:#333;
  font-size:99%;
  border:4px solid #ddd;
  color:#666;
  -webkit-box-shadow:inset 0 0 5px black;
  -moz-box-shadow:inset 0 0 5px black;
  box-shadow:inset 0 0 5px black;
  display:inline;
  word-wrap:break-word;
  overflow:hidden;
  position:relative;
  right:-2px;
  padding:0;
}

#sidebar-wrapper .widget {
  font-size:97%;
  line-height:1.5em;
  margin:0;
}

#sidebar-wrapper .widget-content {
  margin:0;
  padding:10px;
}

#sidebar-wrapper h2 {
  cursor:pointer;
  line-height:1.5em;
  color:#bbb;
  text-shadow:0 1px 0 black;
  background-color:#333;
  background-image:-webkit-linear-gradient(top,#333,#3c3c3c);
  background-image:-moz-linear-gradient(top,#333,#3c3c3c);
  background-image:-ms-linear-gradient(top,#333,#3c3c3c);
  background-image:-o-linear-gradient(top,#333,#3c3c3c);
  background-image:linear-gradient(top,#333,#3c3c3c);
  font:normal 12px 'Trebuchet MS',Arial,Sans-Serif;
  font-weight:700;
  border-color:#444 transparent #222;
  border-style:solid;
  border-width:1px 0;
  margin:0;
  padding:5px 10px 4px;
}

#sidebar-wrapper h2.headactive {
  background-image:-webkit-linear-gradient(top,#3c3c3c,#333);
  background-image:-moz-linear-gradient(top,#3c3c3c,#333);
  background-image:-ms-linear-gradient(top,#3c3c3c,#333);
  background-image:-o-linear-gradient(top,#3c3c3c,#333);
  background-image:linear-gradient(top,#3c3c3c,#333);
  box-shadow:0 1px 3px black;
  border-color:#555 transparent #222;
  border-style:solid;
  border-width:1px 0;
}

#sidebar-wrapper a {
  color:#999;
  text-decoration:none;
  text-shadow:0 1px 0 black;
  -webkit-transition:all .26s ease-out;
  -moz-transition:all .26s ease-out;
  -ms-transition:all .26s ease-out;
  -o-transition:all .26s ease-out;
  transition:all .26s ease-out;
}

#sidebar-wrapper a:hover,
#sidebar-wrapper a:visited:hover {
  color:white;
  text-decoration:none;
}

#sidebar-wrapper a:visited {
  color:#555;
}

.sidebar h2 {
  text-transform:uppercase;
  line-height:1.5em;
  font:normal bold 100% 'Trebuchet MS',Verdana,Arial,Sans-serif;
  margin:0;
  padding:0 0 .2em;
}

.sidebar ul {
  list-style:none;
  border-top:1px solid #222;
  border-bottom:1px solid #444;
  margin:0 0 1.25em;
  padding:0;
}

.sidebar ul li {
  border-top:1px solid #444;
  border-bottom:1px solid #222;
  line-height:1.4em;
  margin:0;
  padding:3px 10px;
}

.sidebar p {
  margin:0 0 .6em;
}

h2,h3 {
  margin:0;
}

#loadingtext {
  position:fixed !important;
  position:absolute;
  top:0;
  right:0;
  left:0;
  z-index:9999;
  text-align:center;
}

#loadingtext span {
  display:inline;
  background-color:#900;
  padding:5px 10px 7px;
  font:bold 11px/24px Arial,Sans-Serif;
  color:white;
}

#loadingtext span.small {
  padding:1px 5px 2px;
  position:relative;
  top:-2px;
}

#loadingtext span.small a {
  font:normal bold 8px Tahoma,Verdana,Arial,Sans-Serif;
  text-transform:uppercase;
  color:white;
  text-decoration:none;
}

#alert-box {
  position:fixed !important;
  position:absolute;
  top:50px;
  right:0;
  left:0;
  z-index:9999;
  text-align:center;
}

#alert-box .message {
  background-color:#174A87;
  border:10px solid #0A2E58;
  padding:20px;
  -webkit-box-shadow:0 0 2px 1px black,0 0 10px black;
  -moz-box-shadow:0 0 2px 1px black,0 0 10px black;
  box-shadow:0 0 2px 1px black,0 0 10px black;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  color:white;
  width:370px;
  margin:0 auto;
  font-size:small;
  text-align:left;
}

#alert-box .message .button-group {
  margin-top:15px;
  text-align:center;
}

#alert-box .message button {
  border:none !important;
  margin:0 2px;
  padding:5px 10px;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
}

iframe,.netral,.emo {
  border:none;
  background:transparent;
  -webkit-box-shadow:none;
  -moz-box-shadow:none;
  box-shadow:none;
  margin:0;
  padding:0;
}

.jsfiddle-demo {
  display:block;
  width:99%;
  height:300px;
  border:2px solid #4474A5;
  margin:0 auto;
}

#onderrok {
  clear:both;
  text-align:left;
  font-family:Droid Serif,Serif;
  color:#999;
  background:#333;
  border-top:10px solid #ccc;
  -webkit-border-radius:0 0 7px 7px;
  -moz-border-radius:0 0 7px 7px;
  border-radius:0 0 7px 7px;
  margin:0;
  padding:15px 15px 8px;
}

#onderrok a:link,
#onderrok a:visited {
  color:white;
}

#onderrok .blog-dir {
  opacity:0;
  overflow:hidden;
  -webkit-transition:opacity .4s ease-out;
  -moz-transition:opacity .4s ease-out;
  -ms-transition:opacity .4s ease-out;
  -o-transition:opacity .4s ease-out;
  transition:opacity .4s ease-out;
  margin:0 10px;
}

#onderrok .oktroi {
  overflow:hidden;
}

#onderrok:hover .blog-dir {
  opacity:1;
  overflow:hidden;
}

#footer .widget {
  padding-top:20px;
  font-size:85%;
  line-height:1.5em;
  text-align:left;
  margin:.5em;
}

body#layout #header {
  width:750px;
}

#taufik ul {
  background:#333;
  height:35px;
  list-style:none;
  overflow:hidden;
  margin:0;
  padding:0;
}

#taufik li {
  float:left;
  text-shadow:1px 1px 2px #444;
  padding:0;
}

#taufik li a {
  background:#333;
  color:#aaa;
  display:block;
  font-weight:400;
  line-height:35px;
  border-left:1px solid #444;
  border-right:1px solid #222;
  text-align:center;
  text-decoration:none;
  margin:0;
  padding:0 25px;
}

#taufik li.depan a {
  border-left:none;
}

#taufik li ul {
  background:#333;
  height:auto;
  border:0;
  position:absolute;
  width:225px;
  z-index:80;
  -webkit-box-shadow:0 1px 5px #222;
  -moz-box-shadow:0 1px 5px #222;
  box-shadow:0 1px 5px #222;
  margin:0;
  padding:0;
  display:none;
}

#taufik li li {
  display:block;
  float:none;
  width:225px;
  border-top:1px solid #444;
  border-bottom:1px solid #222;
  margin:0;
  padding:0;
}

#taufik li:hover li a {
  background:#333;
}

#taufik li ul a {
  display:block;
  height:33px;
  font-size:12px;
  font-style:normal;
  text-align:left;
  margin:0;
  padding:0 10px 0 15px;
}

#taufik li a:hover,
#taufik li:hover > a {
  color:#666;
}

#taufik li:hover ul.hidden {
  display:block;
}

.init #main-wrapper {
  -webkit-animation:myfirst 1s;
  -moz-animation:myfirst 1s;
  -ms-animation:myfirst 1s;
  -o-animation:myfirst 1s;
  animation:myfirst 1s;
}

.init h2,
.init h3,
.init #sidebar-wrapper,
.init #iklan-wrapper {
  -webkit-animation:myfirst 2s;
  -moz-animation:myfirst 2s;
  -ms-animation:myfirst 2s;
  -o-animation:myfirst 2s;
  animation:myfirst 2s;
}

#page-loader {
  position:fixed !important;
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  background-color:#010101;
  z-index:9999;
  text-align:center;
  width:100%;
  height:100%;
  padding-top:70px;
  display:none;
}

#status {
  cursor:help;
  position:absolute;
  display:block;
  background-color:#DC4236;
  font:normal 12px Arial,Sans-Serif;
  color:white;
  text-decoration:none;
  text-shadow:0 -1px 0 rgba(0,0,0,.4);
  padding:7px 12px 7px 10px;
  text-align:right;
  -webkit-box-shadow:0 1px 2px rgba(0,0,0,.4);
  -moz-box-shadow:0 1px 2px rgba(0,0,0,.4);
  box-shadow:0 1px 2px rgba(0,0,0,.4);
  -webkit-border-radius:0 5px 5px 0;
  -moz-border-radius:0 5px 5px 0;
  border-radius:0 5px 5px 0;
  top:54px;
  left:-4px;
  z-index:8;
  -webkit-transition:top .5s ease-in-out;
  -moz-transition:top .5s ease-in-out;
  -ms-transition:top .5s ease-in-out;
  -o-transition:top .5s ease-in-out;
  transition:top .5s ease-in-out;
  overflow:hidden;
  display:none;
}

#status a {
  color:white;
  text-decoration:none;
  text-shadow:0 -1px 0 rgba(0,0,0,.4);
}

#status a:hover {
  text-decoration:underline;
}

#status strong {
  cursor:pointer;
  float:right;
  width:16px;
  text-align:center;
  background-color:#8B271F;
  font-weight:normal !important;
  font-size:10px;
  line-height:16px;
  -webkit-border-radius:12px;
  -moz-border-radius:12px;
  border-radius:12px;
  -webkit-transition:all .5s ease-in-out;
  -moz-transition:all .5s ease-in-out;
  -ms-transition:all .5s ease-in-out;
  -o-transition:all .5s ease-in-out;
  transition:all .5s ease-in-out;
}

#status h2 {
  font:bold 12px Arial,Sans-Serif;
  color:white;
  background-image:-webkit-linear-gradient(left,rgba(0,0,0,.2),rgba(0,0,0,0));
  background-image:-moz-linear-gradient(left,rgba(0,0,0,.2),rgba(0,0,0,0));
  background-image:-ms-linear-gradient(left,rgba(0,0,0,.2),rgba(0,0,0,0));
  background-image:-o-linear-gradient(left,rgba(0,0,0,.2),rgba(0,0,0,0));
  background-image:linear-gradient(left,rgba(0,0,0,.2),rgba(0,0,0,0));
  margin:0 0 10px;
  padding:5px 10px;
}

#status #pengumuman {
  clear:both;
  position:relative;
  top:-12px;
  left:-10px;
  margin:0 10px 0;
  padding:0 0;
  width:300px;
  height:300px;
  text-align:left;
  display:none;
}

#status .widget,
#status .widget-content {
  width:auto;
  margin:0 0;
  padding:0 0;
}

#status:hover strong {
  transform:rotate(-720deg);
}

#gotop {
  cursor:pointer;
  position:fixed !important;
  position:absolute;
  bottom:-40px;
  right:-40px;
  z-index:999;
  background-color:#067BAF;
  background-image:-webkit-radial-gradient(top,#2493C4,#086A95);
  background-image:-moz-radial-gradient(top,#2493C4,#086A95);
  background-image:-ms-radial-gradient(top,#2493C4,#086A95);
  background-image:-o-radial-gradient(top,#2493C4,#086A95);
  background-image:radial-gradient(top,#2493C4,#086A95);
  -webkit-border-radius:10px 0 0 0;
  -moz-border-radius:10px 0 0 0;
  border-radius:10px 0 0 0;
  border:1px solid #144F69;
  width:30px;
  height:30px;
  overflow:hidden;
  text-indent:-9999px;
  -webkit-box-shadow:inset 0 0 0 1px #2493C4,0 1px 3px black;
  -moz-box-shadow:inset 0 0 0 1px #2493C4,0 1px 3px black;
  box-shadow:inset 0 0 0 1px #2493C4,0 1px 3px black;
}

#gotop:after {
  content:"";
  width:0;
  height:0;
  border-width:10px 4px;
  border-style:solid;
  border-color:transparent transparent #C3D1D7 transparent;
  position:absolute;
  top:0;
  left:11px;
}

#gotop:focus {outline:none}
#gotop:hover:after {border-bottom-color:white}

#gotop:active {
  background-image:-webkit-linear-gradient(top,#144F69,#2493C4);
  background-image:-moz-linear-gradient(top,#144F69,#2493C4);
  background-image:-ms-linear-gradient(top,#144F69,#2493C4);
  background-image:-o-linear-gradient(top,#144F69,#2493C4);
  background-image:linear-gradient(top,#144F69,#2493C4);
}

.hidden {
  display:none;
}

.friendly-hidden {
  position:absolute;
  top:-999px;
  left:-999px;
}

@media screen and (max-width:1250px) {
?  #out-shadow {width:100%}
}

@media screen and (max-width:1024px) {
?  #out-shadow {
?    width:99%;
?    margin-left:.5%;
?    margin-right:.5%;
?  }
?  #top-ribbon {
?    right:24%;
?  }
}

@media screen and (max-width:860px) {
?  body {
?    -webkit-animation:myfirst .5s;
?    -moz-animation:myfirst .5s;
?    -ms-animation:myfirst .5s;
?    -o-animation:myfirst .5s;
?    animation:myfirst .5s;
?    overflow-x:hidden !important;
?  }
?  #main-wrapper,
?  #about .col.left,
?  #about .col.right {
?    float:none !important;
?    display:block;
?    width:auto;
?    margin:0 1% 10px;
?  }
?  #sidebar-wrapper,
?  #iklan-wrapper {
?    margin:0 1% 0;
?  }
?  #sidebar-wrapper {
?    float:left;
?    display:inline;
?    width:46%;
?    right:0;
?  }
?  #iklan-wrapper {
?    display:block;
?    float:none !important;
?    width:98%;
?    margin:0 1% 10px;
?    padding:5px 0;
?  }
?  #iklan-wrapper #iklan1 {
?    margin:0 5px;
?  }
?  .sidebarbox {
?    display:inline;
?    float:right;
?    width:48%;
?    margin:0 1% 0 0;
?    border:4px solid #ddd;
?  }
?  .alaihumcrumb span.kanan {
?    display:none;
?  }
?  #top-ribbon {
?    right:-140px;
?  }
?  #header-wrapper h1 {
?    display:block;
?    font-size:25px;
?  }
?  #iklan-b-wrapper {
?    text-align:center;
?    margin:0 0 0;
?  }
?  img.iklan-banner {
?    margin:0 0 0;
?    width:auto;
?    max-width:92.88%;
?  }
?  .addthis_toolbox {
?    clear:both;
?    width:96%;
?    height:24px;
?    margin:7px 2% 5px;
?  }
?  .addthis_toolbox a.subscribe {
?    float:right;
?    clear:right;
?    top:0;
?    padding:3px 7px;
?    line-height:normal;
?  }
?  #subscribeform {
?    width:190px;
?  }
?  #subscribeform input.email-input {
?    width:150px;
?  }
}

@media screen and (max-width:580px) {
?  h2 {font-size:16px}
?  h3 {font-size:12px}
?  h4,h5,h6 {font-size:11px}
?  #out-shadow {
?    width:100%;
?    margin:0 0 30px;
?    margin-top:0 !important;
?  }
?  #header-wrapper {
?    min-height:20px;
?    height:auto !important;
?    height:20px;
?  }
?  #header-wrapper h1,
?  #header-wrapper #header-logo,
?  .post-body ins#aswift_0_anchor {
?    display:none !important;
?  }
?  #header-wrapper .description,
?  .alaihumcrumb {
?    display:none;
?  }
?  #status {
?    position:fixed !important;
?    position:absolute;
?    top:4px;
?    z-index:1200;
?  }
?  #cse-search-box {
?    position:fixed !important;
?    position:absolute;
?    height:auto;
?    background:#333;
?    width:96%;
?    top:0;
?    left:0;
?    z-index:1000;
?    padding:10px 2% 10px;
?    border-bottom:2px solid #aaa;
?    -webkit-box-shadow:0 0 2px black;
?    -moz-box-shadow:0 0 2px black;
?    box-shadow:0 0 2px black;
?  }
?  input.searchfield {
?    margin:0 0 0 0;
?  }
?  .post-outer {
?    display:block !important;
?    float:none !important;
?    width:auto !important;
?  }
?  .post {
?    -webkit-box-shadow:none;
?    -moz-box-shadow:none;
?    box-shadow:none;
?  }
?  #taufik ul {
?    height:25px;
?    font-size:10px;
?  }
?  #taufik li a {
?    line-height:25px;
?    padding:0 15px;
?  }
?  #taufik li ul a {
?    height:23px;
?    font-size:10px;
?    padding:0 7px 0 10px;
?  }
?  html {
?    -webkit-text-size-adjust:none;
?  }
?  .oktroi span[style] {
?    display:none;
?  }
?  #sidebar-wrapper,
?  #iklan-wrapper,
?  .sidebarbox,
?  #iklan-bottom .container {
?    float:none !important;
?    display:block;
?    width:auto;
?  }
?  #iklan-wrapper {
?    margin:0 1.5% 10px;
?  }
?  .sidebarbox {
?    margin:10px 1% 0;
?  }
?  #iklan-bottom .container.left,
?  #iklan-bottom .container.right {
?    width:96%;
?    margin-top:10px;
?  }
?  .alignleft,
?  .alignright {
?    float:none;
?    display:block;
?    margin:0 0 15px;
?  }
?  .inline-ad .snippet-outer {
?    display:none !important;
?  }
}

@media screen and (max-width:480px) {
?  #out-shadow {
?    width:100%;
?    margin:0;
?    margin-top:0;
?    margin-bottom:20px;
?  }
}